<template>
    <div class="price">
        <span class="now">￥{{food.price}}</span><span class="old" v-show="food.oldPrice">￥{{food.oldPrice}}</span>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        props: {
            food: {
                type: Object
            }
        }
    }
</script>

<style lang="stylus" rel="stylesheet/stylus">
    .price
        line-height 24px

        .now
            font-weight 700
            margin-right 8px
            font-size 14px
            color rgb(240, 20, 20)

        .old
            font-weight 700
            text-decoration line-through
            font-size 12px
            color rgb(147, 153, 159)
</style>
